 <!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>推广管理</title>
    <script src="../base/js/flexible.js"></script>
    <link href="../base/css/mint.rem.css" rel="stylesheet">
    <link href="../nationalbroker/css/popularize.css" rel="stylesheet">
    <style>
    </style>
</head>
<body >
    <div id="app" >
    <div class="g-loading" v-show='!showloading'> </div>
        <div class="referee_title popular_title">我的推荐人信息</div>
        <div class="my_referee" >
            <div class="referee_infor" style="display: none" v-show='showloading'>
                <div class="Is_img">
                     <img :src="higherUserInfo.avatarUrl" alt="">
                     <div class="adorn"><img src="../nationalbroker/images/icon-vip0.png" alt=""></div>
                </div>
                <h2 class="Is_nickname">{{higherUserInfo.nickName}}</h2>
                <p class="Is_id">ID：{{higherUserInfo.userId}}</p>
                <p class="Is_name">姓名：未认证 <img src="../nationalbroker/images/uncertified.png" alt="" class="uncertified"></p>
            </div>
            <div class="contact" style="display: none" v-show='showloading'>
                <span class="Btn">打电话</span>
                <span class="Btn">私聊</span>
            </div>
        </div>
        <div class="popular_title popular_title">我的推广信息</div>
        <div class="popular_infor">
            <div class="infor_all" style="display: none" v-show='showloading'>
                <span>
                    <p class="nmu_T">总推广人数</p>
                    <p class="count">{{inviteNum}}</p>
                </span>
                <i></i>
                <span>
                    <p class="nmu_T">直接推广人数</p>
                    <p class="count">{{directInviteNum}}</p>
                </span>
                <i></i>
                <span>
                    <p class="nmu_T">间接推广人数</p>
                    <p class="count">{{indirectInviteNum}}</p>
                </span>
            </div>
            <div class="infor_list"  v-show='showloading' style="display: none">
                    <a class="infor_item mint-cell" href="./direct_agent.html">
                        <p class="mint-cell-wrapper">直接钻石代理（<i class="num_popular">{{brokerLevelInfo[4].inviteNum}}</i>人）</p>
                        <i class="mint-cell-allow-right"></i>   
                    </a>
                    <a class="infor_item mint-cell"  href="./direct_agent.html">
                        <p class="mint-cell-wrapper">直接金牌代理（<i class="num_popular">{{brokerLevelInfo[3].inviteNum}}</i>人）</p>
                        <i class="mint-cell-allow-right"></i>   
                    </a>
                    <a class="infor_item mint-cell"  href="./direct_agent.html">
                        <p class="mint-cell-wrapper">直接钻石经纪（<i class="num_popular">{{brokerLevelInfo[2].inviteNum}}</i>人）</p>
                        <i class="mint-cell-allow-right"></i>   
                    </a>
                    <a class="infor_item mint-cell"  href="./direct_agent.html">
                        <p class="mint-cell-wrapper">直接金牌经纪（<i class="num_popular">{{brokerLevelInfo[1].inviteNum}}</i>人）</p>
                        <i class="mint-cell-allow-right"></i>   
                    </a>
                    <a class="infor_item mint-cell"  href="./direct_agent.html">
                        <p class="mint-cell-wrapper">直接普通会员（<i class="num_popular">{{brokerLevelInfo[0].inviteNum}}</i>人）</p>
                        <i class="mint-cell-allow-right"></i>   
                    </a>

            </div>
        </div>


    </div>
    <script src="../base/js/jquery-1.10.2.js"></script>
    <script src="../base/js/XT.js"></script>
    <script src="../base/js/vue.min.js"></script>
    <script src="../base/js/vuex.min.js"></script>
    <script src="../nationalbroker/js/popularize.js"></script>
</body>
</html>